<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
    <title>底部</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../../css/user/index.css">
    <link rel="stylesheet" href="../css/user.css">
    <script type="text/javascript" src="../lib/jquery-3.1.1.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="../lib/swiper.min.js" ></script>
    <script src="../lib/Vue.js"></script>
</head>
<body>
<footer class="flex">
    <div class="tab">
        <img src="../../img/icon/tab1.png">
        <span>消息</span>
    </div>
    <div class="tab">
        <img src="../../img/icon/tab2.png">
        <span>圈圈</span>
    </div>
    <div class="tab">
        <img src="../../img/icon/tab3.png">
        <span>主功能</span>
    </div>
    <div class="tab">
        <img src="../../img/icon/dingdan.png">
        <span>待办</span>
    </div>
    <div class="tab">
        <img src="../../img/icon/tab4.png">
        <span>我的</span>
    </div>
</footer>
</body>

</html>